<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css">
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script>
  $(document).ready(
      function() {
        $.ajax({
          url : '${pageContext.request.contextPath}/services/rest/deal',
          type : 'GET',
          success : function(data) {
            $.each(data, function(i, book) {
              $('#list').append(
                  '<li>' + book.establecimiento + ' ; ' + book.titulo + ' ; '
                      + book.fecha + ' ; ' + book.monto + ' ; ' + book.precio
                      + '</li>');
            });
          },
          error : function(data) {
            alert("Error");
          }
        });
      });
</script>
</head>
<body>
  <div class="container">
    <div class="content">
      <button type="button">Nuevo</button>
      <button type="button">Modificar</button>
      <button type="button">Eliminar</button>
    </div>
    <div class="content">
      <div class="page-header">
        <h1>Deals</h1>
      </div>
      <ul id="list"></ul>
    </div>
  </div>
</body>
</html>
